<template>
  <div class="header flex-between">
    <data-panel2
      v-for="item in list"
      :key="item.id"
      :type="item.type"
      :desc="item.desc"
      :number="item.number"
    ></data-panel2>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  created () {
    this.$store.dispatch('fileManage/getDataPlnelData').then(res => {
      // console.log(res.data)
    }).catch(err => {
      this.$message({
        type: 'error',
        message: err,
        duration: 1000
      })
    })
  },
  computed: {
    list () {
      return this.$store.state.fileManage.panelData
    }
  }
}
</script>

<style lang="scss" scoped>
.header {
  // margin-top: 24px;
}
</style>
